input[type="checkbox"]{width:18px;height:18px;display: inline-block;text-align: center;vertical-align: middle; line-height: 18px;position: relative;}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}
input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #d9d9d9;color:#000;font-size: 12px;font-weight: bold;}
#main {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/map1.jpg);
	background-size: cover;
	font-size: 12px;
}

.map-nav {
	position: relative;
	top: 68px;
}
.feature{
	width: 25px;
    position: relative;
    top: 150px;
    left: 400px;
}
#footer {
	color: #666666;
	height: 28px;
	background-color: #ffffff;
	line-height: 28px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 10;
}
/*左侧nav，icon-button*/

.left-icon-button{
	width: 60px;
	display: inline-block;
    position: fixed;
    top: 70px;
}
.left-icon-button img{
	margin-left: 10px;
	margin-top: 10px;
}
.left-icon-button .btn-div{
	background: #fff;
	margin-left: 20px;
	margin-top: 10px;
	text-align: center;
	width: 20px;
	border-radius: 4px;
}
.grow{
	border-bottom: 1px solid #e3e3e3;
}
/*左侧大div*/
.div-input,.checkbox1,.checkbox2,.div-detail,.div-detail1{
	width: 215px;
	background-color: #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
	box-shadow: 1px 1px 1px #888;
	border-radius: 5px;
}
.checkbox2 img{
	width: 15px;
	margin-bottom: 5px;
}
.checkbox1 div,.checkbox2 div,.div-detail div,.div-detail1 div,.input-header{
	width: 90px;
	display: inline-block;
	text-align: right;
	height: 15px;
	margin-top: 5px;
	padding-right:10px;
}
.div-detail div,.div-detail1 div{
	padding-right: 0;
}
.div-detail div:hover,.div-detail1 div:hover{
	cursor: pointer;
}
.checkbox1-header,.checkbox2-header,.div-detail-header,.input-header{
	display: block!important;
	width: 200px!important;
	border-bottom: 1px solid #ddd;
}
.input-header{
	border: none;
}
.checkbox1-header span:hover,.checkbox2-header span:hover,.div-detail-header span:hover,.input-header span:hover{
	cursor: pointer;
}
.checkbox1 div span,.checkbox2 div span,.div-detail div span,.div-detail1 div span{
	margin-left: 3px;
	margin-right: 3px;
	position: relative;
    bottom: -3px;
}
/*div-detail*/
.left-detail{
	position: relative;
	width: 160px;
	left: 60px;
	top: 7px;
}
.div-detail img,.div-detail1 img{
	width: 15px;
/*	margin-bottom: 10px;
*/}

/*right*/
.right-aside{
	position: fixed;
	right: 20px;
	top: 75px;
}
.right-div{
	border-radius: 5px;
	background-color: #49B5FE;
}
 .right-div-header{
	/* background-color:#49B5FE;  */
	color: #fff;
	border-radius: 5px;
}

.bengzhang-content{
	width: 265px;
	background-color: #fff;
	padding-top: 10px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
}
.bengzhan-img{
	display: inline-block;
	height: 45px!important;
	width: 166px;
	position: relative;
    top: -50px;
    height: 0;
}
.bengzhan-img img{
	width:160px;
	display: inline-block;
	/* margin-left:10px; */
	height: 119px;
}
.bengzhang-detail{
	display: inline-block;
	text-align: left;
	margin-right: 2px;
}
.project{
	/* background: transparent; */
    border-radius: 5px;
}
.project-detail{
	margin-bottom: 10px;
}
.project-detail-header{
	background: #49B5FE;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
}

.project-detail-title{
	margin-left: 10px;
    margin-top: 3px;
    display: inline-block;
}
.project-detail-close:hover{
	cursor: pointer;
}
.project-detail-close{
	float: right;
	margin-right: 5px;
}
/*泵站巡查记录*/
.inspection,.event,.money{
	margin-bottom: 10px;
	background: #fff;
	border-radius: 5px;
}
.inspection-header,.event-header,.money-header{
	background: #49B5FE;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
}
.inspection-header-title,.event-header-title,.money-header-title{
	margin-left: 10px;
    margin-top: 3px;
	display: inline-block;
}
.inspection-header-close,.event-header-close,.money-header-close{
    float: right;
    margin-right: 5px;
}
.inspection-header-close:hover,.event-header-close:hover,.money-header-close:hover{
    cursor: pointer;
}
.inspection-content,.event-content,.money-content{
	font-size: 12px;
	text-align: center;
}
.inspection-content .table td{
	padding: 0;
	padding-left:5px;
}
.inspection-content .table{
	margin-bottom: 0!important;
}
/*泵站事件*/
.event-content{
	text-align: center;
}
.before,.after{
	display: inline-block;
	text-align: center;
}
.before{
	border-right: 1px dashed #888;
}
/*泵站资金*/
.money{
	/* position: absolute;
    top: 233px;
    right: 275px; */
}
/*资金盘分配*/
.money-use,.money-allot,.area-money-allot,.money-year{
	margin-bottom: 5px;
	background: #fff;
	border-radius: 5px;
	width: 260px;
}
.money-use-header,.money-allot-header,.area-money-allot-header,.money-year-header{
	background: #49B5FE;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
}
.money-use-header-title,.money-allot-header-title,.area-money-allot-header-title,.money-year-header-title{
	margin-left: 10px;
    margin-top: 3px;
	display: inline-block;
}
.money-use-header-close,.money-allot-header-close,.area-money-allot-header-close,.money-year-header-close{
    float: right;
    margin-right: 5px;
}
.money-use-header-close:hover,.money-allot-header-close:hover,.area-money-allot-header-close:hover,.money-year-header-close:hover{
    cursor: pointer;
}
.money-use-content,.money-allot-content,.area-money-allot-content,.money-year-content{
	font-size: 12px;
	text-align: center;
}
/*设施统计*/
.allocation-funds-header{
	background: #49B5FE;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
}
.allocation-funds-header-title{
	margin-left: 10px;
    margin-top: 3px;
	display: inline-block;
}
.allocation-funds-header-close{
	float: right;
    margin-right: 5px;
}
.allocation-funds-header-close:hover{
	cursor: pointer;
}
.allocation-funds-content{
	background: #fff;
}
.allocation-funds-content .select{
	width: 120px!important;
	position: relative;
    top: 10px;
    left: 15px;;
}
.table1{
	margin-top: -1px;
}
.table2,.table3{
margin-top: 5px;
}
.allocation-funds-content .table td{
	padding: 0;
	padding-left:10px;
}
.allocation-funds-content .table{
	margin-bottom: 0!important;
}
.table-header div{
display: inline-block;
}
/*资金拨付*/
.area-progress-header,.progress-header{
	background: #49B5FE;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
}
.area-progress-header-title,.progress-header-title{
	margin-left: 10px;
    margin-top: 3px;
	display: inline-block;
}
.area-progress-header-close,.progress-header-close{
	float: right;
    margin-right: 5px;
}
.area-progress-header-close:hover,.progress-header-close:hover{
	cursor: pointer;
}
.area-progress-content,.progress-content{
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.area-progress,.progress{
	background: #fff;
	margin-top:10px;
}
.table3 table{
	margin-bottom: 0!important;
}
.table3 td{
	padding: 0!important;
	padding-left:10px!important;
}
.table3 td img{
	width: 40px;
}
.radius-bottom{
    width: 100%;
    height: 21px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	position: relative;
	top: 5px;
	background: #fff;
}
/*charts*/
.charts{
	width: 255px;
	height: 65px;
}
.charts div{
	display: inline-block;
}
.zijingshiyong div{
	display: inline-block;
}
input[type="checkbox"]:checked + label::before {
    content: "\2713";
    background-color: yellowgreen;
}